<template>
    <div>
    <header data-v-e089b420="" class="mint-header is-fixed">
        <a :class="type" @click.prevent="to"></a>
        <div class="mint-header-button is-left"></div> 
        <h1 class="mint-header-title" style="cursor:pointer">
        {{head}}</h1> 
        <div class="mint-header-button is-right"></div>
    </header>
    
    </div>
</template>

<script>
//mui-action-back mui-icon mui-icon-left-nav mui-pull-left
export default {
    components: {

    },
    props:['head'],
    data() {
        return {
            type:['mui-icon','mui-icon-left-nav','mui-pull-left']
        };
    },
    methods: {
        to(){
            if(this.head == '账户信息'){
                window.console.log("http://"+window.location.host.split(":")[0])
                window.location.hash = '/major/my'
            }else{
                window.history.go(-1);
            }
        },

    },
    mounted(){
        // if(this.head =="账户信息"){ // 账户信息页面则删除返回功能,改为只能返回到my页面
        //     this.type.pop()
        // }
    }
}
</script>
<style  scoped>
.mint-header.is-fixed{
    position:relative;
}
.mint-header-title{
    font-weight: bold;
}
.mint-header{
    font-size: 5vw;
    height: 13vw;
    
}
.mui-icon{
    position: absolute;
}
h1{
    padding:0;
    margin:0;
}
</style>